<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>产品服务</title>
     <!-- 引入animate动画 -->
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.0.0/animate.min.css" />
     <!-- 引入外部css文件 -->
     <link rel="stylesheet" href="../css/service.css" type="text/css">
     <!-- 引入vue -->
     <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
     <!-- 引入axios -->
     <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
     <!-- 引入bookstrap -->
     <!-- 新 Bootstrap 核心 CSS 文件 -->
     <link href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
     <!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
     <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
     <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
     <script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
<body>
   
    <div id="service">
        <div class="animate__animated animate__fadeInUp">
        <div class="box">
            <div class="datatitle" v-html="nowData.title"></div>
            <div class="datatime"  v-html="nowData.releaseTime"></div>
            <div class="datacontent" v-html="nowData.content"></div>
            <div class="boxfoot">
                <div class="buttonleft">
                    <button id="toBefore" class="btn btn-info" v-bind:disabled="disabledbefore" @click="toBeforeNew">上一篇</button>
                </div>
    
                <div class="buttonright">
                    <button id="toNext" class="btn btn-info" v-bind:disabled="disablednext" @click="toNextNew">{{nextTitle}}</button>
                </div>
            </div>
        </div>
    </div>
</div>
    <script type="text/javascript" src="../js/service.js"></script>
</body>
</html>